<template>
	<img :src="URL[name]" alt="" />
</template>
<script setup>
	import dataCard from '@/views/plugin/dashboard/assets/componentsImages/dataCard.png'
	import imageTextList from '@/views/plugin/dashboard/assets/componentsImages/imageTextList.png'
	import imageTextNav from '@/views/plugin/dashboard/assets/componentsImages/imageTextNav.png'
	import imageTextCarousel from '@/views/plugin/dashboard/assets/componentsImages/imageTextCarousel.png'
	import rank from '@/views/plugin/dashboard/assets/componentsImages/rank.png'
	import textList from '@/views/plugin/dashboard/assets/componentsImages/textList.png'
	import { defineProps, ref } from 'vue'
	const props = defineProps({
		name: {
			type: String,
			default: ''
		}
	})
	const URL = ref({
		dataCard: dataCard,
		imageTextList: imageTextList,
		imageTextNav: imageTextNav,
		imageTextCarousel: imageTextCarousel,
		rank: rank
	})
</script>
<style scoped lang="less"></style>
